import { reactive } from 'vue';
import { defineStore } from 'pinia';
import { useGlobSetting } from '@/hook/setting';

export const themeStore = defineStore('theme', () => {
  const { primary, title, loginPath } = useGlobSetting();
  console.log(primary, title, loginPath);

  let themeConfig = reactive({
    // 当前页面是否全屏
    maximize: false,
    // 布局切换 ==>  纵向：vertical | 经典：classic | 横向：transverse | 分栏：columns
    layout: 'vertical',
    // 默认 primary 主题颜色
    primary: primary,
    // 深色模式
    isDark: false,
    // 灰色模式
    isGrey: false,
    // 色弱模式
    isWeak: false,
    // 折叠菜单
    isCollapse: false,
    // 面包屑导航
    breadcrumb: true,
    // 面包屑导航图标
    breadcrumbIcon: true,
    // 标签页
    tabs: true,
    // 标签页图标
    tabsIcon: true,
    // 页脚
    footer: true,
  });

  return { themeConfig };
});
